<template>
	<view class="contact">
		<image class="img" src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/cod-812b8e96a232cda309a0786e4f2356e3.jpeg"></image>
		<view class="info">
			<view @click="Phone">联系电话：1008611（点击拨打）</view>
			<view>地址：北京市海淀区知春路甲48号2号楼10A室</view>
			<map class="map" :latitude="latitude" :longitude="longitude" :markers="markers"></map>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//地图中心点
				longitude:'113.757358',
				latitude:'23.037432',//经度
				markers:[{
					//标记点用于在地图上显示标记的位置
					longitude:'113.757358',
					latitude:'23.037432',
					iconPath:'./../../static/logo.jpg',//显示的图标
					width:30,//显示图标大小
					height:30
				}]
			}
		},
		methods: {
			Phone(){
				uni.makePhoneCall({
				phoneNumber: '1008611' //仅为示例
			});
			}
			
		}
	}
</script>

<style lang="scss">
	.contact{
		.img{
			width: 750rpx;
			height: 320rpx;
		}
		.info{
			padding: 10rpx 20rpx;
			view{
				line-height: 50rpx;
				border-bottom: 1px solid #eee;
			}
		}
		.map{
			display: block;
			width: 100%; 
			height: 500rpx;
		}
	}
	
</style>
